<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta charset="gb2312">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=dege" />
    <meta name="format-detection" content="telephone=no" />
    <title>阳光大姐家政培训平台</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" href="css/animate.min.css" />
    <link href="images/favicon.ico" rel="icon" type="images/x-icon">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/headfoot.css" />
    <link rel="stylesheet" href="css/dyf.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
    <script src="js/index.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/wow.min.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <script>
        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
            new WOW().init();
        }
    </script>
</head>

<body>
    <!--头部部分-->
    <div class="heads">
        <script>
            $(".heads").load("head.html");
        </script>
    </div>
    <div class="huibg">
        <div class="main-md">
            <div class="main-tit">
                <h2>当前位置：<a href="?">首页</a>&nbsp;&nbsp;&gt;&nbsp;&nbsp;<a>培训课程</a></h2>
            </div>
        </div>
        <div class="heibg">
            <div class="main-md">
                <div class="case_cont">
                    <video src="res/ccc.mp4" controls="controls">
                        您的浏览器不支持 video 标签。
                    </video>
                </div>
            </div>
        </div>
       <div class="padd20">
           <div class="main-md">
               <div class="case_main">
                   <div class="case_main_lf baibg">
                       <div class="case_tit">
                           <h3 class="active">课程简介 <i></i></h3>
                           <h3>课程目录 <i></i></h3>
                           <h3>课程评论 <i></i></h3>
                       </div>
                       <div class="case_list">
                           <div class="case_item">
                                <div class="qing">
                                    <h4>课程简介</h4>
                                    <br> <br> <br>
                                    <p>“阳光大姐”是济南市妇联创办的一家家政服务机构，成立于2001年10月。之所以取名“阳光大姐”，寓意就是要把党的阳光照亮妇女再就业之路，以此把党的温暖送到千家万户。<br><br>

                                        国企曾有红火的年代。进入新世纪，济南加快国企改制步伐，大批女工特别是大龄女工下岗。改制的企业，有的成功，有的失败，而在改制中下岗的职工，无不经历了人生的一个大坎。那滋味，只有个人体会了，才知道什么叫刻骨铭心。<br>
                                        阳光大姐的员工各方面的过人功夫，不是天上掉下来的，是修炼来的。阳光大姐修炼的内容很丰富，其中有
                                        <br><br>
                                        一项忍功。面对的用户是千家万户，面对的人员是千差万别，一人要称百人心、千人心、万人心，是需要忍功的，学会有时候的逆来顺受、顺来顺受，也是一项人生必须的修炼。她们都明白了“忍能生百福，和可致千祥” 她们都记住了“一勤天下无难事，百忍堂中有太和”。</p>
                                    <br> <br> <br>  <p><img src="images/dyf/qing.jpg" alt=""></p>
                                </div>
                           </div>
                           <div class="case_item">
                                <div class="menu">
                                    <ul>
                                        <li><a href="#"> 01  康复和康复医学等介绍及主要内容 </a></li>
                                        <li><a href="#"> 01  康复和康复医学等介绍及主要内容 </a></li>
                                        <li><a href="#"> 01  康复和康复医学等介绍及主要内容 </a></li>
                                        <li><a href="#"> 01  康复和康复医学等介绍及主要内容 </a></li>
                                        <li><a href="#"> 01  康复和康复医学等介绍及主要内容 </a></li>
                                        <li><a href="#"> 01  康复和康复医学等介绍及主要内容 </a></li>
                                        <li><a href="#"> 01  康复和康复医学等介绍及主要内容 </a></li>
                                        <li><a href="#"> 01  康复和康复医学等介绍及主要内容 </a></li>
                                        <li><a href="#"> 01  康复和康复医学等介绍及主要内容 </a></li>
                                    </ul>
                                </div>
                           </div>
                           <div class="case_item active">
                               <div class="comment">
                                   <ul>
                                       <li>
                                           <div class="xy-img">
                                               <img src="images/dyf/pren.jpg" style="width:50px;height:50px; border-radius:50%;" alt="">
                                           </div>
                                           <div class="xyid">
                                               <b>天天～</b>
                                               <p>助教老师很负责，课程也很多，提早准备，补短板，有很多人一起，更多前进的动力，大家有需要的就抓紧报名了，哈哈                                                    </p>
                                               <span>2019-09-09</span>
                                               <span>13:09</span>
                                           </div>
                                           <div class="both"></div>
                                       </li>
                                       <li>
                                           <div class="xy-img">
                                               <img src="images/dyf/pren.jpg" style="width:50px;height:50px; border-radius:50%;" alt="">
                                           </div>
                                           <div class="xyid">
                                               <b>会员051931045434</b>
                                               <p>青医说老师讲课讲的很到位，设计范围全面，有很多老师帮助学习，有很多活动，平时帮助大家积极参与学习，提高学习效率                                                    </p>
                                               <span>2019-09-03</span>
                                               <span>16:30</span>
                                           </div>
                                           <div class="both"></div>
                                       </li>
                                   </ul>
                               </div>
                           </div>
                       </div>
                   </div>
                   <div class="case_main_rt baibg">
                       <div class="hot_tit">
                           <h1>  <span>推荐产品</span>  </h1>
                       </div>
                       <div class="bx-list">
                           <ul>
                               <li>
                                   <a href="#">
                                       <div class="bx-img">
                                           <img src="images/dyf/case-1.jpg" alt="">
                                       </div>
                                       <div class="bx-text">
                                           <p>育婴教育初级课程</p>
                                           <span>306人学过</span>
                                           <b>￥15800.00 </b>
                                       </div>
                                   </a>
                               </li>
                               <li>
                                   <a href="#">
                                       <div class="bx-img">
                                           <img src="images/dyf/case-1.jpg" alt="">
                                       </div>
                                       <div class="bx-text">
                                           <p>育婴教育初级课程</p>
                                           <span>306人学过</span>
                                           <b>￥15800.00 </b>
                                       </div>
                                   </a>
                               </li>
                               <li>
                                   <a href="#">
                                       <div class="bx-img">
                                           <img src="images/dyf/case-1.jpg" alt="">
                                       </div>
                                       <div class="bx-text">
                                           <p>育婴教育初级课程</p>
                                           <span>306人学过</span>
                                           <b>￥15800.00 </b>
                                       </div>
                                   </a>
                               </li>
                               <li>
                                   <a href="#">
                                       <div class="bx-img">
                                           <img src="images/dyf/case-1.jpg" alt="">
                                       </div>
                                       <div class="bx-text">
                                           <p>育婴教育初级课程</p>
                                           <span>306人学过</span>
                                           <b>￥15800.00 </b>
                                       </div>
                                   </a>
                               </li>
                               <div class="both"></div>
                           </ul>

                       </div>
                   </div>
               </div>
           </div>
       </div>
    </div>
    <!--页尾-->
    <div class="foots">
        <script>
            $(".foots").load("foot.html");
        </script>
    </div>
    <script>
        $(function(){
            $('.case_tit h3').click(function () {
                var liindex = $('.case_tit h3').index(this);
                $(this).addClass('active').siblings().removeClass('active');
                $('.case_list .case_item').eq(liindex).fadeIn(150).siblings(".case_item").hide();
            });
        })
    </script>
</body>

</html>